<template>
  <div v-show="false"  class="app_box page">
    <i class="icon_logo icons"></i>
    <a class="app_open com_btn ano_color app_url" href="javascript:void(0)" target="_blank" id="open_app">在App内打开</a>
    <a class="new_app_download com_btn ano_bg" href="http://m.huim.com/clicktotal.html" target="_blank">下载择天惠App</a>
  </div>
</template>

<script>
  export default {
    name: "down-tip"
  }
</script>

<style lang="less" scoped>
.com_btn{
  display: inline-block;
  color: #fff;
  text-align: center;
  border-radius: 3px;
}
.app_box{
  padding: 10px 20px 10px 17px;
  background-color: #f7f7f7;
  text-align: center;
  &.page{
    line-height: 1;
    font-size: 14px;
    color: #333;
  }
  .icon_logo{
    width: 36px;
    height: 36px;
    margin-right: 5%;
    &.icons{
      display: inline-block;
      vertical-align: middle;
      background: url(../../../static/img/app_logo.png) no-repeat center center;
     background-size:cover;

    }
  }
  .app_open{
    color: @red;
    margin-right: 5%;
    background-color: #fff;
  }
  a{
    width: 37%;
    line-height: 30px;
    border-radius: 3px;
    border: 1px solid #f54e54;
  }
  .new_app_download{
    color: #fff;
    background: @red;
  }
}

</style>
